{% extends "base.jinja" %}

{% block title %}订阅_{% endblock %}

{% block css %},main.css{% endblock %}

{% block pagetype %}command-sub{% endblock %}

{% block main %}
    <div class="layout page">
        <h5>推荐订阅</h5>

        <div class="mt-crumb">
            <a href="{{domain}}">首页</a>&nbsp;>&nbsp;<b>推荐订阅</b>
        </div>

        <ul class="clearfixed cs-tag" id="cs-tag">
        	{% for key in command_keywords %}
        	<li data-key="{{key.keyword}}" class="cs-unsub">
        		<a target="_blank" href="/share/search/tag/{{key.keyword}}/">
                    {% if key.banner.find('http') == -1 %}
                    <img src="/static/upload/{{key.banner}}" alt="{{key.keyword}}" />
                    {% else %}
                    <img src="{{key.banner}}" alt="{{key.keyword}}" />
                    {% endif %}
                </a>
                <div class="opt-ps">
                    <a class="inp-btn-pk ui-a opt-sub" href="javascript:;" data-act="add" data-key="{{key.keyword}}" data-require="sign">订阅</a>
                    <a class="inp-btn-gray ui-a opt-unsub" href="javascript:;" data-act="del" data-key="{{key.keyword}}" data-require="sign">取消</a>
                </div>
        		<p class="cs-tag-act">{{key.keyword}}</p>
        	</li>
        	{% endfor %}
        </ul>
        {% if total_page > 1 %}
        <div class="s-more"><a href="javascript:;" data-scroll="1" data-page="1" id="s-more-btn" data-action="/subscribe/ajax/get/recommand/">更多..</a></div>
        <div class="pagination">{% autoescape off %}{{current_page|pagination(total_page, '/subscribe/all')}}{% endautoescape %}</div>
        {% endif %}
    </div>
{% endblock %}

{% block script %}


<script>seajs.use('page/subscribe', function(p){p.render();});</script>
{% endblock %}